<!DOCTYPE html>
<html>
<head>
    <title>消防信息监控</title>
    {% include 'admin/common/header.html' %}
    <link rel="stylesheet" href="{{ url_for('static', filename='/admin/admin/css/other/console1.css') }}"/>

    <!-- 主 题 更 换 -->
    <style id="pearadmin-bg-color"></style>
</head>
<body class="pear-container">
<div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">AI摄像头数量</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1655366508479" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="6429" width="200" height="200">
                                <path d="M48.7936 352.6144L121.856 413.4912l821.1968-237.4656s6.0416-24.7808-5.7856-66.816c-3.4304-12.1344-15.7184-19.3024-27.5456-15.872-128.512 37.0688-739.6352 207.872-857.088 240.64-8.2432 2.3552-10.3936 13.1584-3.84 18.6368z" fill="#F76439" p-id="6430"></path>
                                <path d="M943.0016 176.0256L121.856 413.4912l88.8832 171.0592c10.7008 20.6336 34.5088 30.1056 55.9616 22.272l609.0752-222.4128c18.6368-6.8096 34.7648-19.5584 45.5168-36.6592 20.0192-31.9488 43.3664-90.2656 21.7088-171.7248z" fill="#F68F32" p-id="6431"></path>
                                <path d="M268.1344 371.2L121.856 413.4912l88.8832 171.0592c10.7008 20.6336 34.5088 30.1056 55.9616 22.272l137.1136-50.0736-135.68-185.5488zM787.968 220.8768l43.776 179.5584 44.032-16.0768c18.6368-6.8096 34.7648-19.5584 45.5168-36.6592 20.0704-31.8976 43.3664-90.2656 21.76-171.6736l-155.0848 44.8512z" fill="#F7D53A" p-id="6432"></path>
                                <path d="M900.7616 907.6224H962.56v-390.4512h-61.7984a44.1344 44.1344 0 0 0-44.1344 44.1344v302.1824c0.0512 24.3712 19.7632 44.1344 44.1344 44.1344z" fill="#F68F32" p-id="6433"></path>
                                <path d="M556.5952 683.7248a73.0624 71.168 90 1 0 142.336 0 73.0624 71.168 90 1 0-142.336 0Z" fill="#F7D53A" p-id="6434"></path>
                                <path d="M685.2096 673.1264c0-20.6336-8.3456-39.2192-21.76-52.5312-10.496-6.2464-22.6816-9.9328-35.6864-9.9328-39.3216 0-71.168 32.7168-71.168 73.0624 0 20.6336 8.3456 39.2192 21.76 52.5312 10.496 6.2464 22.6816 9.9328 35.6864 9.9328 39.2704 0 71.168-32.7168 71.168-73.0624z" fill="#FFE164" p-id="6435"></path>
                                <path d="M686.7968 642.9696c7.6288 11.6224 12.0832 25.6512 12.0832 40.7552s-4.4544 29.1328-12.0832 40.7552h169.8304v-81.5104h-169.8304zM627.7632 610.7136c2.9696 0 5.888 0.256 8.7552 0.6144l-39.0144-125.2864-74.8544 27.3408 2.9184 9.4208 39.424 126.6176c11.9296-23.04 35.5328-38.7072 62.7712-38.7072z" fill="#F76439" p-id="6436"></path>
                                <path d="M920.6272 93.184c3.3792 6.144 27.6992 52.5824-0.3584 62.3616-30.0544 10.4448-823.2448 237.2096-823.2448 237.2096l24.832 20.6848 821.1968-237.4656s6.0416-24.7808-5.7856-66.816a22.82496 22.82496 0 0 0-16.64-15.9744z" fill="#E54F2C" p-id="6437"></path>
                                <path d="M75.9808 340.7872l819.4048-232.192c5.2224-1.4848 10.6496 1.6384 11.9808 6.912 1.28 5.0176-1.6384 10.1376-6.656 11.6224L98.7648 362.24a3.84 3.84 0 0 1-3.328-0.512l-20.5824-13.7728a3.98848 3.98848 0 0 1 1.1264-7.168z" fill="#FC8E75" p-id="6438"></path>
                                <path d="M172.4928 400.4352l-0.1024-1.5872-50.5856 14.6432 88.8832 171.0592c10.7008 20.6336 34.5088 30.1056 55.9616 22.272l18.3808-6.7072-112.5376-199.68z" fill="#FFE164" p-id="6439"></path>
                                <path d="M928.9216 347.5456c20.0704-31.8976 35.7376-90.112 14.08-171.52l-33.3824 9.6768s24.2176 124.6208-32.1536 160.4096c-40.4992 14.3872-53.76 21.2992-53.76 21.2992l8.0384 33.0752 44.032-16.0768c18.6368-6.8608 42.3936-19.7632 53.1456-36.864z" fill="#F4BB3B" p-id="6440"></path>
                                <path d="M823.6544 367.36l-441.856 159.2832 22.016 30.0544 427.9296-156.2624z" fill="#E0761E" p-id="6441"></path>
                                <path d="M381.7984 526.6432l-114.9952 41.0624 18.2784 32.3584 118.7328-43.3664z" fill="#F4BB3B" p-id="6442"></path>
                                <path d="M203.4688 570.5728l7.2704 13.9776c10.7008 20.6336 34.5088 30.1056 55.9616 22.272l18.3808-6.7072-18.2784-32.4096c-40.0384 14.2848-63.3344 2.8672-63.3344 2.8672z" fill="#F4CA53" p-id="6443"></path>
                                <path d="M148.0192 464.7424l52.5312-14.592 26.9824 47.872L173.056 512z" fill="#FFE885" p-id="6444"></path>
                                <path d="M200.5504 450.1504l104.448-28.5696 34.4064 47.0528-111.872 29.3888z" fill="#FCDB51" p-id="6445"></path>
                                <path d="M304.9984 421.5808l496.4864-145.2544 10.6496 43.7248-472.7296 148.5824z" fill="#FC9642" p-id="6446"></path>
                                <path d="M801.4848 276.3264l113.3056-34.1504s-1.6896 38.4-4.5568 49.408c-21.6576 5.9904-98.0992 28.4672-98.0992 28.4672l-10.6496-43.7248z" fill="#FCDB51" p-id="6447"></path>
                                <path d="M636.4672 611.2768l-39.0144-125.2864-74.8544 27.3408 2.9184 9.4208 0.7168 2.304 62.0032-17.8688 31.4368 103.9872c2.6624-0.3072 5.376-0.512 8.0896-0.512 2.9184 0.0512 5.8368 0.256 8.704 0.6144zM698.9312 683.7248c0 15.104-4.4544 29.1328-12.0832 40.7552h169.8304v-14.1824h-139.9808c1.9456-42.6496-17.7152-67.328-17.7152-67.328h-12.0832a74.7008 74.7008 0 0 1 12.032 40.7552z" fill="#E54F2C" p-id="6448"></path>
                                <path d="M928.1024 517.1712H962.56v390.4512h-34.4576z" fill="#E0761E" p-id="6449"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">消防通道数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value2">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1655366961782" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="6617" width="200" height="200">
                                <path d="M763.672283 210.353061H266.960178c-50.574323 5.418678-55.993001 63.817571-55.993001 63.817571v546.686761s19.261592 65.02413 62.611013 74.654926H377.139954l-62.611012-89.104733V524.918127l65.02413-2.080772 39.130076-51.181215s4.204894-7.224903 12.036689 4.81901l28.899614 81.87983-106.567324 232.403466h44.563203L507.188214 578.223464s12.036689-5.418678 13.250473 5.418678v81.887054s0 30.698614 21.067818 35.517625H709.485508l-29.506505-37.323851-113.792228-1.206559s0.606892-103.55454-7.224903-110.779443l-39.130077-97.536195c-15.042249-33.711399 42.150086-26.493721 42.150086-26.49372l58.998561 63.217904c16.256033 9.630796 24.087828 0.599667 24.087828 0.599667 3.612452-3.612452-2.413118-25.287162-2.413118-25.287162l-42.742528-57.799226c-10.837355-12.043914-25.287162-12.036689-25.287162-12.036689l-116.812237 1.806225c-10.230463-1.806226-22.874044 0.599667-22.874044 0.599667L354.26591 493.33085h-39.736968V277.790308s-2.65154-11.119126 16.877374-12.491857c39.101177-0.512968 265.204527-0.079474 343.86205 0.108373l1.452205 0.115599 0.252872 0.852538v364.857619l55.993001 75.861485-55.993001 7.224903v83.086389s34.318291 99.342421 81.280162 95.729969 54.186775-72.249033 54.186775-72.249034l1.806226-541.86775c0-63.246804-50.574323-68.665481-50.574323-68.665481z" fill="#8FC31F" p-id="6618"></path>
                                <path d="M358.174583 809.116925l63.217904 85.795727h47.864985l-61.411679-85.795727z" fill="#8FC31F" p-id="6619"></path>
                                <path d="M418.683148 341.60788m-46.961871 0a46.961872 46.961872 0 1 0 93.923743 0 46.961872 46.961872 0 1 0-93.923743 0Z" fill="#8FC31F" p-id="6620"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">消防设备数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4  top-panel-tips">
                            <svg t="1655367170858" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="9528" width="200" height="200">
                                <path d="M835.7 313.3c-1.4-5.1-6.9-9.3-12.2-9.3h-56.8c-5.3 0-10.8 4.2-12.2 9.3l-12.7 46c-1.4 5.1 1.8 9.3 7.1 9.3h92.5c5.3 0 8.5-4.2 7.1-9.3l-12.8-46z" fill="#FF8189" p-id="9529"></path>
                                <path d="M192.7 293.5h48.6V342h-48.6z" fill="#A4A9AD" p-id="9530"></path>
                                <path d="M192.7 293.5h48.6v21.2h-48.6z" fill="" p-id="9531"></path>
                                <path d="M310.2 293.5h48.6V342h-48.6z" fill="#A4A9AD" p-id="9532"></path>
                                <path d="M310.2 293.5h48.6v21.2h-48.6z" fill="" p-id="9533"></path>
                                <path d="M427.6 293.5h48.6V342h-48.6z" fill="#A4A9AD" p-id="9534"></path>
                                <path d="M427.6 293.5h48.6v21.2h-48.6z" fill="" p-id="9535"></path>
                                <path d="M95.2 695.1V390.2c0-26.5 21.7-48.1 48.1-48.1h737.1c26.5 0 48.1 21.7 48.1 48.1V695H95.2z" fill="#FF5959" p-id="9536"></path>
                                <path d="M95.2 530.4h833.4v37.8H95.2z" fill="#D1D3D3" p-id="9537"></path>
                                <path d="M958.9 709.6c0 9.9-8.1 17.9-17.9 17.9h-40.3c-9.9 0-17.9-8.1-17.9-17.9v-29.1c0-9.9 8.1-17.9 17.9-17.9H941c9.9 0 17.9 8.1 17.9 17.9v29.1zM133.3 709.6c0 9.9-8.1 17.9-17.9 17.9H82.7c-9.9 0-17.9-8.1-17.9-17.9v-29.1c0-9.9 8.1-17.9 17.9-17.9h32.6c9.9 0 17.9 8.1 17.9 17.9l0.1 29.1z" fill="#A4A9AD" p-id="9538"></path>
                                <path d="M410.7 695.1c0-64.7-52.5-117.2-117.2-117.2s-117.2 52.5-117.2 117.2h234.4z" fill="" p-id="9539"></path>
                                <path d="M293.4 695.1m-97 0a97 97 0 1 0 194 0 97 97 0 1 0-194 0Z" fill="#333E48" p-id="9540"></path>
                                <path d="M293.4 695.1m-49.2 0a49.2 49.2 0 1 0 98.4 0 49.2 49.2 0 1 0-98.4 0Z" fill="#A4A9AD" p-id="9541"></path>
                                <path d="M847.5 695.1c0-64.7-52.5-117.2-117.2-117.2s-117.2 52.5-117.2 117.2h234.4z" fill="" p-id="9542"></path>
                                <path d="M730.3 695.1m-97 0a97 97 0 1 0 194 0 97 97 0 1 0-194 0Z" fill="#333E48" p-id="9543"></path>
                                <path d="M730.3 695.1m-49.2 0a49.2 49.2 0 1 0 98.4 0 49.2 49.2 0 1 0-98.4 0Z" fill="#A4A9AD" p-id="9544"></path>
                                <path d="M730.3 251.2c0-10.6-8.7-19.3-19.3-19.3H159.5c-10.6 0-19.3 8.7-19.3 19.3v23.1c0 10.6 8.7 19.3 19.3 19.3h551.6c10.6 0 19.3-8.7 19.3-19.3l-0.1-23.1z" fill="#D1D3D3" p-id="9545"></path>
                                <path d="M739.9 463.9c0 8.5 6.9 15.4 15.4 15.4h112.1c8.5 0 15.4-6.9 15.4-15.4v-66.8c0-8.5-6.9-15.4-15.4-15.4H755.3c-8.5 0-15.4 6.9-15.4 15.4v66.8z" fill="#333E48" p-id="9546"></path>
                                <path d="M867.4 381.8H755.3c-8.5 0-15.4 6.9-15.4 15.4v19.9c0-8.5 6.9-15.4 15.4-15.4h112.1c8.5 0 15.4 6.9 15.4 15.4v-19.9c0.1-8.5-6.9-15.4-15.4-15.4z" fill="" p-id="9547"></path>
                                <path d="M599.6 463.9c0 8.5 6.9 15.4 15.4 15.4h65.9c8.5 0 15.4-6.9 15.4-15.4v-66.8c0-8.5-6.9-15.4-15.4-15.4H615c-8.5 0-15.4 6.9-15.4 15.4v66.8z" fill="#333E48" p-id="9548"></path>
                                <path d="M680.9 381.8H615c-8.5 0-15.4 6.9-15.4 15.4v19.9c0-8.5 6.9-15.4 15.4-15.4h65.9c8.5 0 15.4 6.9 15.4 15.4v-19.9c0-8.5-6.9-15.4-15.4-15.4z" fill="" p-id="9549"></path>
                                <path d="M439.6 507.3h144.6v187.8H439.6z" fill="#A4A9AD" p-id="9550"></path>
                                <path d="M483.2 556.7m-13.5 0a13.5 13.5 0 1 0 27 0 13.5 13.5 0 1 0-27 0Z" fill="#D1D3D3" p-id="9551"></path>
                                <path d="M540.5 556.7m-13.5 0a13.5 13.5 0 1 0 27 0 13.5 13.5 0 1 0-27 0Z" fill="#D1D3D3" p-id="9552"></path>
                                <path d="M540.5 618.5h-57.3c-8 0-14.4-6.5-14.4-14.4s6.5-14.4 14.4-14.4h57.3c8 0 14.4 6.5 14.4 14.4s-6.4 14.4-14.4 14.4zM540.5 662.6h-57.3c-8 0-14.4-6.5-14.4-14.4s6.5-14.4 14.4-14.4h57.3c8 0 14.4 6.5 14.4 14.4s-6.4 14.4-14.4 14.4z" fill="#D1D3D3" p-id="9553"></path>
                                <path d="M928.6 662.6h-41.2c-5.3 0-9.6-4.3-9.6-9.6v-24.4c0-5.3 4.3-9.6 9.6-9.6h41.2v43.6zM95.2 662.6h41.2c5.3 0 9.6-4.3 9.6-9.6v-24.4c0-5.3-4.3-9.6-9.6-9.6H95.2v43.6zM185.4 416.1h317V445h-317z" fill="#FFB819" p-id="9554"></path>
                                <path d="M528.5 405.5c0-5.3-4.3-9.6-9.6-9.6h-32.8c-5.3 0-9.6 4.3-9.6 9.6v50.1c0 5.3 4.3 9.6 9.6 9.6h32.8c5.3 0 9.6-4.3 9.6-9.6v-50.1zM211.4 405.5c0-5.3-4.3-9.6-9.6-9.6H169c-5.3 0-9.6 4.3-9.6 9.6v50.1c0 5.3 4.3 9.6 9.6 9.6h32.8c5.3 0 9.6-4.3 9.6-9.6v-50.1z" fill="#D1D3D3" p-id="9555"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">设备维修人员数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1655367458589" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="12604" width="200" height="200">
                                <path d="M539.499 571.538l0.17 0.054-0.17 0.139-0.166-0.139 0.166-0.054z" fill="#040000" p-id="12605"></path>
                                <path d="M412.463 468.118c-26.217 23.539-53.268 37.305-74.153 45.503l166.475 53.813v4.751l7.348-2.376 7.348 2.376v-4.751l166.476-53.813c-20.883-8.198-47.938-21.964-74.153-45.503a238.943 238.943 0 0 1-23.594-24.439l-6.214-88.67H442.27a880035.92 880035.92 0 0 0-6.212 88.67 239.066 239.066 0 0 1-23.595 24.439z" fill="#F7BD95" p-id="12606"></path>
                                <path d="M809.23 560.981c-21.683-23.248-52.086-29.175-70.075-30.963-37.479-17.655-74.962-35.311-112.443-52.963-38.194 30.98-76.388 61.962-114.58 92.945-38.193-30.983-76.386-61.965-114.58-92.945-37.48 17.652-74.963 35.308-112.444 52.96-17.989 1.791-48.391 7.718-70.074 30.966-14.476 15.518-22.352 36.345-26.891 128.74-1.361 27.741-2.602 65.722-2.133 111.222 42.539-0.066 85.077-0.136 127.616-0.203l4.888 94.52 191.676-1.063v0.044c0.647-0.009 1.293-0.016 1.941-0.021 0.646 0.006 1.294 0.013 1.939 0.021v-0.044l189.036-1.38c0.817-30.695 1.631-61.386 2.446-92.077l132.312 0.612c0.727-45.857-0.43-84.019-1.744-111.631-4.43-92.999-12.825-113.66-26.89-128.74z" fill="#3AA2A2" p-id="12607"></path>
                                <path d="M653.111 231.373c-0.937-4.931-3.668-12.659-7.934-16.19 4.319-33.919 3.54-57.544-5.755-78.499-1.647-3.714-42.209-91.35-125.605-92.897-64.925-1.204-112.625 50.566-130.841 92.897-7.895 18.344-8.046 41.769-3.501 77.308-5.331 2.549-8.721 11.771-9.787 17.381-2.866 15.081 5.241 34.325 18.912 41.034a12107.28 12107.28 0 0 0 3.8 22.083c3.5 20.257 8.864 45.974 29.174 68.956 10.365 11.727 22.232 19.989 33.832 25.815-5.49 10.158-12.124 26.021-12.615 45.793-1.154 46.475 31.945 101.328 68.732 100.784 36.061-0.534 65.694-54.147 66.528-98.131 0.381-19.975-5.213-36.237-9.899-46.626 9.711-4.622 19.506-10.958 28.466-19.678 23.287-22.67 30.048-50.746 34.477-74.261a7666.168 7666.168 0 0 0 4.815-25.705c12.617-7.423 19.944-25.63 17.201-40.064z" fill="#F7BD95" p-id="12608"></path>
                                <path d="M374.843 227.204c-10.714-47.024 8.338-105.626 8.338-105.626 10.413-32.029 17.854-53.84 36.966-59.937 8.424-2.688 16.435-1.466 21.889 0 2.036-5.342 5.69-12.597 12.508-18.762 20.541-18.577 52.782-11.881 69.836-8.339 13.573 2.818 96.71 21.957 121.959 95.898 0 0 13.416 39.289 0.906 88.425-2.404 9.446-6.947 16.678-6.947 16.678a54.704 54.704 0 0 1-12.509 13.901c1.369-89.746-14.655-115.301-30.576-120.917-22.075-7.784-38.953 24.526-83.391 26.408-48.193 2.041-69.805-34.503-93.117-25.017-15.511 6.312-30.624 32.496-24.534 124.561-3.452-1.611-8.907-4.717-13.552-10.422-5.358-6.59-6.987-13.388-7.776-16.851z" fill="#A47853" p-id="12609"></path>
                                <path d="M311.001 516.547l27.309 231.435-24.683 52.759 4.888 112.763 380.312 8.47c2.244-40.411 4.485-80.821 6.728-121.232l-30.635-46.118c12.841-79.8 25.679-159.603 38.52-239.403-17.096-8.859-34.189-17.719-51.285-26.579l-28.407 222.153-245.711-2.657-31.104-216.893c-15.313 8.431-30.622 16.867-45.932 25.302z" fill="#F39919" p-id="12610"></path>
                                <path d="M687.396 711.394l-61.354-12.574c-3.649-0.746-6.022-4.346-5.273-7.995l0.864-4.229c0.75-3.649 4.345-6.021 7.996-5.274l61.355 12.573c3.649 0.748 6.024 4.346 5.274 7.995l-0.865 4.229c-0.75 3.649-4.348 6.024-7.997 5.275zM329.125 711.394l61.356-12.574c3.649-0.746 6.023-4.346 5.275-7.995l-0.867-4.229c-0.748-3.649-4.347-6.021-7.996-5.274l-61.354 12.573c-3.65 0.748-6.025 4.346-5.277 7.995l0.867 4.229c0.749 3.649 4.346 6.024 7.996 5.275zM563.285 896.712c15.754 8.422 31.508 16.84 47.259 25.261 15.754-5.975 31.508-11.95 47.262-17.927l18.74-124.667-119.778-8.148 6.517 125.481z" fill="#9FADC3" p-id="12611"></path>
                                <path d="M661.188 804.159l-94.411-13.168a3.71 3.71 0 0 1-3.15-4.171l0.326-2.332a3.705 3.705 0 0 1 4.168-3.146l94.412 13.171a3.703 3.703 0 0 1 3.148 4.168l-0.325 2.332a3.703 3.703 0 0 1-4.168 3.146zM582.089 844.486H563.65l5.162-37.249h8.116z" fill="#3AA2A2" p-id="12612"></path>
                                <path d="M572.871 800.261m-4.002 0a4.002 4.002 0 1 0 8.004 0 4.002 4.002 0 1 0-8.004 0Z" fill="#3AA2A2" p-id="12613"></path>
                                <path d="M385.911 216.803c2.543 0.397 3.819 0.772 6.112 1.126 30.119 4.652 42.977 5.237 115.977 5.275V223H512v0.205c78-0.039 87.93-0.822 117.129-5.311 2.678-0.41 6.122-0.733 9.134-1.205 0.99-0.154 2.257-0.256 3.212-0.415 96.537-15.967 17.623-48.628 17.623-48.628-4.695-52.146-22.646-131.523-118.455-144.463-0.119 1.234-8.923 93.085 43.378 162.229 0 0-52.114 9.55-143.274 0.119-1.097-0.114 1.338-1.771 1.989-2.66C492.863 114.16 484.4 24.391 484.28 23.174c-95.97 12.862-114.024 92.322-118.718 144.502 0 0-78.396 32.4 16.172 48.444 1.361 0.231 2.744 0.461 4.177 0.683z" fill="#F39919" p-id="12614"></path>
                                <path d="M443.106 182.874c-0.649 0.888-3.258 2.548-2.161 2.661 91.162 9.431 142.843-0.116 142.843-0.116C531.49 116.275 540 24.431 540 23.197v-0.058s-9.776-3.146-25.402-3.146c-15.627 0-29.598 3.124-29.598 3.124v0.058c0 1.217 8.233 90.988-41.894 159.699z" fill="#C77A21" p-id="12615"></path>
                                <path d="M309.302 799h8.887l-5.66-98.451zM705.302 801h8.887l-5.66-98.451z" fill="#2E7876" p-id="12616"></path>
                                <path d="M284.077 756.32l-10.218-19.709c-8.715 4.521-14.25 15.087-7.143 28.793 8.409 16.203 20.708 14.415 26.138 20.631l61.99 125.639c2.499 4.816 8.421 6.696 13.234 4.197 4.81-2.494 6.683-8.417 4.191-13.229l-56.734-115.509c-11.327-21.84 5.443-27.516-4.119-45.954-8.059-15.538-24.577-9.372-24.577-9.372l9.563 18.437c-6.446 4.626-12.325 6.076-12.325 6.076z" fill="#A4A49F" p-id="12617"></path>
                                <path d="M695.069 892a1109.207 1109.207 0 0 0-53.779-7.332c-119.213-13.297-228.254-5.888-322.775 10.592 142.221 34.765 284.443 69.531 426.664 104.298 16.168-16.982 35.74-41.179 52.557-73.335 25.963-49.65 33.563-95.736 35.939-124.87l-128.121-0.612c-3.496 30.419-6.991 60.84-10.485 91.259z" fill="#E8A980" p-id="12618"></path>
                                <path d="M331.108 893.668c0.311-19.667-15.898-62.321-15.898-62.321s-11.896-24.109-15.543-30.606l-108.038-0.388c-0.317 24.503 1.227 55.033 7.034 87.979a465.962 465.962 0 0 0 18.333 70.889 3457.262 3457.262 0 0 0 188.379 23.752 3462.397 3462.397 0 0 0 340.844 16.585 3420.397 3420.397 0 0 0-261.557-72.113c-51.925-12.122-104.498-24.645-153.554-33.777z" fill="#F7BD95" p-id="12619"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space10">
        <div class="layui-col-md9">
            <div class="layui-card">
                <div class="layui-card-header">设施台账</div>
                <div class="layui-card-body">
                    <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <div id="echarts-bar" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">重点单位火灾隐患整改情况</div>
                <div class="layui-card-body">
                    <table id="rectification-table" lay-filter="fire-table1"></table>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">火灾隐患和设施故障</div>
                <div class="layui-card-body">
                    <table id="fire-table" lay-filter="fire-table"></table>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    火灾隐患与整改
                </div>
                <div class="layui-card-body">
                    <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <div id="echarts-line" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--</div>-->

{% include 'admin/common/footer.html' %}
<script>
    //设施台账
    layui.use(['layer', 'echarts', 'element', 'count'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            element = layui.element,
            count = layui.count,
            echarts = layui.echarts

        count.up('value1', {
            time: 4000,
            num: 120,
            bit: 0,
            regulator: 50
        })

        count.up('value2', {
            time: 4000,
            num: 30,
            bit: 0,
            regulator: 50
        })

        count.up('value3', {
            time: 4000,
            num: 150,
            bit: 0,
            regulator: 50
        })

        count.up('value4', {
            time: 4000,
            bit: 0,
            num: 3,
            regulator: 50
        })

        var chartDom = document.getElementById('echarts-bar');
        var myChart = echarts.init(chartDom);
        var option
        option = {
            grid: { containLabel: true },
            xAxis: { name: '数量' },
            yAxis: {
                type: 'category',
                data: ['灭火器', '防火门', '室外消防栓','手动报警按钮','室内消防栓']
            },

            visualMap: {
                orient: 'horizontal',
                left: 'center',
                min: 10,
                max: 100,
                text: ['数量'],
                // Map the score column to color
                dimension: 0,
                inRange: {
                    color: ['#91c7ae', '#FFCE34', '#d48265']
                }
            },

            series: [
                {
                    data: [
                        {
                            value: 175,
                            itemStyle: {
                                color: '#bda29a'
                            }
                        },
                        {
                            value: 110,
                            itemStyle: {
                                color: '#91c7ae'
                            }
                        },
                        {
                            value: 180,
                            itemStyle: {
                                color: '#61a0a8'
                            }
                        },
                        {
                            value: 130,
                            itemStyle: {
                                color: '#d48265'
                            }
                        },
                        {
                            value: 164,
                            itemStyle: {
                                color: '#ffde76'
                            }
                        },
                    ],
                    type: 'bar',
                    encode: {
                        // Map the "amount" column to X axis.
                        x: 'amount',
                        // Map the "product" column to Y axis
                        y: 'product'
                    },
                }
            ]
        };

        option && myChart.setOption(option);

        myChart.setOption(option)

        window.onresize = function () {
            myChart.resize()
        }

    })

    //火灾隐患和设施故障
    layui.use(['table', 'form', 'jquery',  'common'], function () {
        let table = layui.table
        let form = layui.form
        let $ = layui.jquery
        let MODULE_PATH = '/admin/fire/'

        // 表格数据
        let cols = [
            [
        { title: '设施名称', field: 'Name', align: 'center'},
        { title: '报警来源', field: 'Ring', align: 'center' },
        { title: '记录时间', field: 'create_at', templet: '#user-createTime', align: 'center' },

    ]
    ]

        // 渲染表格数据
        table.render({
            elem: '#fire-table',
            url: MODULE_PATH + 'data',
            page: true,
            cols: cols,
            skin: 'line',
            height: 'full-148',
            toolbar: '#user-toolbar', /*工具栏*/
            text: { none: '暂无信息' },
            defaultToolbar: [{ layEvent: 'refresh', icon: 'layui-icon-refresh' }, 'filter', 'print', 'exports'] /*默认工具栏*/
        })


        //
        $('.user-group').click(function () {
            let group = $(this).attr('user-group')
            let field = form.val('user-query-form')
            if (group === '-1') {
                field.deptId = group
                $(this).removeClass('button-default')
                $(this).prev().removeClass('button-primary')
                $(this).prev().addClass('button-default')
                $(this).addClass('button-primary')
            } else {
                field.deptId = group
                $(this).removeClass('button-default')
                $(this).next().removeClass('button-primary')
                $(this).next().addClass('button-default')
                $(this).addClass('button-primary')
            }
            window.refresh(field)
        })

        form.on('submit(user-query)', function (data) {
            window.refresh(data.field)
            return false
        })


        window.refresh = function (param) {
            table.reload('fire-table', { where: param })
        }
    })

    //重点单位火灾隐患整改情况
    layui.use(['table', 'form', 'jquery', 'popup', 'common'], function () {
        let table = layui.table
        let form = layui.form
        let $ = layui.jquery
        let popup = layui.popup
        let common = layui.common
        let MODULE_PATH = '/admin/fire/'

        // 表格数据
        let cols = [
            [
                { title: '单位名称', field: 'Name', align: 'center', width: 110 },
                { title: '检查人', field: 'People', align: 'center' },
                { title: '登记情况', field: 'Register', align: 'center' },
                { title: '是否整改', field: 'Rect', align: 'center', width: 120 },
                { title: '记录时间', field: 'create_at', templet: '#user-createTime', align: 'center' },
            ]
        ]

        // 渲染表格数据
        table.render({
            elem: '#rectification-table',
            url: MODULE_PATH + 'recti',
            page: true,
            cols: cols,
            skin: 'line',
            height: 'full-148',
            toolbar: '#user-toolbar', /*工具栏*/
            text: { none: '暂无信息' },
            defaultToolbar: [{ layEvent: 'refresh', icon: 'layui-icon-refresh' }, 'filter', 'print', 'exports'] /*默认工具栏*/
        })


        //
        $('.user-group').click(function () {
            let group = $(this).attr('user-group')
            let field = form.val('user-query-form')
            if (group === '-1') {
                field.deptId = group
                $(this).removeClass('button-default')
                $(this).prev().removeClass('button-primary')
                $(this).prev().addClass('button-default')
                $(this).addClass('button-primary')
            } else {
                field.deptId = group
                $(this).removeClass('button-default')
                $(this).next().removeClass('button-primary')
                $(this).next().addClass('button-default')
                $(this).addClass('button-primary')
            }
            window.refresh(field)
        })


        form.on('submit(user-query)', function (data) {
            window.refresh(data.field)
            return false
        })

        form.on('switch(user-enable)', function (obj) {
            let operate
            if (obj.elem.checked) {
                operate = 'enable'
            } else {
                operate = 'disable'
            }
            let loading = layer.load()
            $.ajax({
                url: '/admin/user/' + operate,
                data: JSON.stringify({ userId: this.value }),
                dataType: 'json',
                contentType: 'application/json',
                type: 'put',
                success: function (result) {
                    layer.close(loading)
                    if (result.success) {
                        popup.success(result.msg)
                    } else {
                        popup.failure(result.msg)
                    }
                }
            })
        })


        window.refresh = function (param) {
            table.reload('rectification-table', { where: param })
        }
    })

    //火灾隐患与整改
    layui.use(['echarts'], function () {
        var echarts = layui.echarts

        var chartDom = document.getElementById('echarts-line');
        var myChart = echarts.init(chartDom);
        var option
        option = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['排查', '整改']
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['一季度', '二季度', '三季度', '四季度']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    name: '排查',
                    type: 'line',
                    data: [20, 14, 11, 13, 21, 25, 28]
                },
                {
                    name: '整改',
                    type: 'line',
                    data: [19, 13, 10, 13, 19, 25, 27]
                }
            ]
        };

        option && myChart.setOption(option);

        window.onresize = function () {
            myChart.resize()
        }

    })
</script>
</body>
</html>